/*background*/
body{
    background:url("../image/trees.png") ;
}

/*padding and margin*/
.me_padding_mini {
    padding-top: 0.1em !important;
 padding-bottom: 0.1em !important;

}

.m-padding-side-responsive{
    padding-left: 4em !important;
    padding-right: 4em !important;
}

.m-padding-big {
    padding-top: 5em !important;
 padding-bottom: 5em !important;

}

.m-padding-medium{
    padding-top: 2em !important;
    padding-bottom: 2em !important;
}

.m-margin-mini{
    margin-top:0.3em !important;
    margin-bottom: 0.3em !important;
}

.m-margin-middle{
    margin-top:2em !important;
    margin-bottom: 2em !important;
}

.m-margin-side-middle{
    margin-left: 1em !important;
    margin-right: 1em !important;
}

.m-opacity_mini {
    opacity: 0.8!important;

}

/*container*/
.m-container-small{
    width: 80em !important;
    margin: auto !important;
}

/*--------display-----------*/
.m-inline-block {
    display: inline-block !important;

}

/*-------font-------*/
.m-font-black{
    color: #333333;
}

.m-font-size-middle{
    font-size: medium;
    letter-spacing: 1px;
}

/*position*/
.m-top-right{
    position: absolute;
    top: 20px;
    right: 10px;
}

/*mobile*/

@media screen and (max-width: 768px) {
    .m-mobile-hide{
        display:none !important;
    }
    .m-mobile-show{
        display: block !important;
    }
    .m-padding-side-responsive{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .m-mobile-wide{
        width: 100% !important;
    }
    .m-mobile-margin-middle{
        margin-bottom: 1em !important;
    }

}